I have used option 3 that is to use 4 of Idyll’s “built in” components. I have incorporated charts, links, scrolling and some other idyll built in components. Please move forward to view.
I have used and refered to idyll documentation (hyperlinks) for this project.
Scroller!
Introduction
... Dataset
Table
Chart
Carry on.
Dataset1
Table1
Agency Name
Location Name
Address
City
Zip code
County
Congress Dist
Congressional Full Name
Rep Dist
Rep Full Name
Senate Dist
Senator Full Name
Bldg Status
Year Acquired
Year Constructed
Square Footage
Total Floors
Floors Above Grade
Floors Below Grade
Usage Description
Usage Description 2
Usage Description 3
Department of Natural Resources
Anderson Lake Conservation Area - Fulton County
Anderson Lake C.a.
Astoria
61501
Fulton
17
Cheri Bustos
93
Hammond Norine K.
47
Jil Tracy
In Use
1975
1975
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Anderson Lake Conservation Area - Fulton County
Anderson Lake C.a.
Astoria
61501
Fulton
17
Cheri Bustos
93
Hammond Norine K.
47
Jil Tracy
In Use
2004
2004
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Anderson Lake Conservation Area - Fulton County
Anderson Lake C.a.
Astoria
61501
Fulton
17
Cheri Bustos
93
Hammond Norine K.
47
Jil Tracy
In Use
2004
2004
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Anderson Lake Conservation Area - Fulton County
Anderson Lake C.a.
Astoria
61501
Fulton
17
Cheri Bustos
93
Hammond Norine K.
47
Jil Tracy
In Use
2004
2004
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Anderson Lake Conservation Area - Fulton County
Anderson Lake C.a.
Astoria
61501
Fulton
17
Cheri Bustos
93
Hammond Norine K.
47
Jil Tracy
In Use
2004
2004
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Anderson Lake Conservation Area - Fulton County
Anderson Lake C.a.
Astoria
61501
Fulton
17
Cheri Bustos
93
Hammond Norine K.
47
Jil Tracy
In Use
2004
2004
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Dixon Springs State Park - Pope County
Rr #2
Golconda
62938
Pope
15
John Shimkus
118
Phelps Brandon W.
59
Dale Fowler
In Use
2000
2000
120
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Dixon Springs State Park - Pope County
Rr #2
Golconda
62938
Pope
15
John Shimkus
118
Phelps Brandon W.
59
Dale Fowler
In Use
2000
2000
120
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Matthiessen State Park - LaSalle County
R. R. 178, Box 509
Utica
61373
LaSalle
16
Adam Kinzinger
76
Long Jerry Lee
38
Sue Rezin
In Use
2000
2000
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Matthiessen State Park - LaSalle County
R. R. 178, Box 509
Utica
61373
LaSalle
16
Adam Kinzinger
76
Long Jerry Lee
38
Sue Rezin
In Use
2000
2000
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Matthiessen State Park - LaSalle County
R. R. 178, Box 509
Utica
61373
LaSalle
16
Adam Kinzinger
76
Long Jerry Lee
38
Sue Rezin
In Use
2000
2000
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Matthiessen State Park - LaSalle County
R. R. 178, Box 509
Utica
61373
LaSalle
16
Adam Kinzinger
76
Long Jerry Lee
38
Sue Rezin
In Use
2000
2000
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Eldon Hazlet State Park - Clinton County
Keyesport Road
Carlyle
62231
Clinton
15
John Shimkus
107
Cavaletto John
54
Kyle McCarter
In Use
1999
1999
96
1
1
0
Storage
Storage
Not provided
Department of Natural Resources
Weinberg-King State Park - Schuyler County
P.o. Box 203
Augusta
62311
Schuyler
18
Darin M. LaHood
93
Hammond Norine K.
47
Jil Tracy
In Use
1980
1980
625
1
1
0
Assembly
Assembly
Not provided
Department of Natural Resources
Weinberg-King State Park - Schuyler County
P.o. Box 203
Augusta
62311
Schuyler
18
Darin M. LaHood
93
Hammond Norine K.
47
Jil Tracy
In Use
2000
2000
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Weinberg-King State Park - Schuyler County
P.o. Box 203
Augusta
62311
Schuyler
18
Darin M. LaHood
93
Hammond Norine K.
47
Jil Tracy
In Use
2000
2000
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Weinberg-King State Park - Schuyler County
P.o. Box 203
Augusta
62311
Schuyler
18
Darin M. LaHood
93
Hammond Norine K.
47
Jil Tracy
In Use
1997
1997
740
1
1
0
Assembly
Assembly
Not provided
Department of Natural Resources
Weinberg-King State Park - Schuyler County
P.o. Box 203
Augusta
62311
Schuyler
18
Darin M. LaHood
93
Hammond Norine K.
47
Jil Tracy
In Use
2000
2000
320
1
1
0
Assembly
Assembly
Not provided
Department of Natural Resources
Weinberg-King State Park - Schuyler County
P.o. Box 203
Augusta
62311
Schuyler
18
Darin M. LaHood
93
Hammond Norine K.
47
Jil Tracy
In Use
2000
2000
144
1
1
0
Unusual
Unusual
Not provided
Department of Natural Resources
Weinberg-King State Park - Schuyler County
P.o. Box 203
Augusta
62311
Schuyler
18
Darin M. LaHood
93
Hammond Norine K.
47
Jil Tracy
In Use
1976
1976
625
1
1
0
Assembly
Assembly
Not provided
Page 1 of 444
Dataset2
Table2
TIME
GEO
UNIT
SEX
AGE
ICD10
Value
Flag and Footnotes
2001
France
Number
Males
Total
All causes of death (A00-Y89) excluding S00-T98
277 858
2001
France
Number
Males
Total
Certain infectious and parasitic diseases (A00-B99)
5 347
2001
France
Number
Males
Total
Tuberculosis
545
2001
France
Number
Males
Total
Meningococcal infection
30
2001
France
Number
Males
Total
Viral hepatitis
471
2001
France
Number
Males
Total
Human immunodeficiency virus [HIV] disease
892
2001
France
Number
Males
Total
Neoplasms
91 737
2001
France
Number
Males
Total
Malignant neoplasms (C00-C97)
88 481
2001
France
Number
Males
Total
Malignant neoplasm of lip, oral cavity, pharynx
3 755
2001
France
Number
Males
Total
Malignant neoplasm of oesophagus
3 442
2001
France
Number
Males
Total
Malignant neoplasm of stomach
3 213
2001
France
Number
Males
Total
Malignant neoplasm of colon
6 274
2001
France
Number
Males
Total
Malignant neoplasm of rectosigmoid junction, rectum, anus and anal canal
2 242
2001
France
Number
Males
Total
Malignant neoplasm of liver and intrahepatic bile ducts
5 258
2001
France
Number
Males
Total
Malignant neoplasm of pancreas
3 788
2001
France
Number
Males
Total
Malignant neoplasm of larynx, trachea, bronchus and lung
22 457
2001
France
Number
Males
Total
Malignant melanoma of skin
761
2001
France
Number
Males
Total
Malignant neoplasm of breast
177
2001
France
Number
Males
Total
Malignant neoplasm of cervix uteri
:
2001
France
Number
Males
Total
Malignant neoplasm of other parts of uterus
:
Page 1 of 53
Chart1
Total Square Footage per Year Constructed
Chart2
Number od deaths per Year
D3.js
Total Likes: 0.00
Writeup
I have used following Idyll built-in components-*Used links component. On clicking on my name on the top, you can visist my github profile. ALso, used in text link for the idyll documentation that I used.
*Incorporated svg Image
*Made two tables for two datasets using build in Table component.
*Made two line charts for both the datasets.
*Used Scroller for showing the content sequence on the page.
*Used Action link at the last. On clicking on it, it displays how many likes I got on my page.
*Last, I tried using D3 components for creating chart, but I faced some issues but thought I should keep it here.
*Made changes in the styles.css and histogram-custom-d3-component file.
*Here I am using Markdown to put my writeup in the idyll page itself
About the building dataset and chart
It is the dataset that we have used in our previous assignments.
It contains information about the buildings contructed in specific years, have columns such as building type, square footage, country, agency etc.
I created simple bar chart using idyll build in functions. The chart shows Total number of Square footage per year constructed.
I choose this dataset because it has good number of quantitative and categorical data. By using the chart I wanted to give information about which year the building has highest or lowest total square footage area.
About the Cause of Death dataset and chart
I found this dataset here (hyperlinks)
This dataset contain information about the number of death in France becuase of certain reasons, per year. It is very good dataset and a lot of visualization can be done on the basis of the columns such as sex, age and geographical location.
I decided to make chart to show number of deaths per year. The chart is bit cluttered here. And that is one of the flaw I found of buit-in components of Idyll. It has very less interactivity and the view is not nice.